.currentLogo, .FriendsearchAPI, .overStep span, .InviteFriendResult .t, .InviteFriendResult .b { background-image: url(../../images/positionRegister.png); background-repeat: no-repeat;}
/* ------------------------------------------------------------------------------------
MESSAGE			 */   
.message  
{
    border:1px solid #AADA60; 
    background-color:#E1FFC2;
    padding:12px 35px;
    }
    .messageContent, .register{ float: left; }
.message h2
{
    color:#2B622E;
    font-size:16px;
    font-weight: bold;
    height:23px;
    }
.message p { color:#3A4A35; font-size:12px;  }
.message a { font-weight: bold; color:#3A4A35; }
.register { width:39px; height:39px; background-position:-63px 0; margin:0 17px 0 0; }
/* ------------------------------------------------------------------------------------
STEP			 */   

.overStep { height:115px; }
.overStepLine { height:6px; background-position: 0 -486px; width:980px; left:10px; top:31px; }
.overStep span, .overStep label, .overStep b { position: absolute; z-index:3; }
.overStep span, .overStep label { display: block; }
.overStep label { width:150px; font-size:14px; font-weight: bold; color:#C0C0C0; top:40px; }
.overStep b { height:6px; top:31px; background-position:0 -480px; width:168px; left:-168px; top:8px; display: none; }
.overStep .passStep label { color:#1984BC; }
    .overStep .passStep b{ display: block; }
        .step1, .step2, .step3 {height:33px;  top:23px; }
            .step1 { width:69px;  background-position:0 -2px; }
                .step1 label { left:0px; }               
            .step2, .step3{ width:23px;  }
                .step2 label { left:-39px;}        
            .step2 { background-position:-79px -2px; left:237px; }    
        .overStep .passStep .step2{ background-position:-79px -39px; }
            .step3 { background-position:-112px -2px; left:428px; }
                .step3 label { left:-16px;}        
                    .overStep .passStep .step3 { background-position:-112px -39px; }
        .overStep .endstep { width:28px; height:28px; right:0; background-position:0 -38px; top:19px; }

/* ------------------------------------------------------------------------------------
CONTROL			 */ 

.mainRegister { width:671px; border:2px dashed #d9d9d9; background-color:#efefef; }
.mainRegisterAlign { padding:20px 30px; text-align:left; }
.findFriendEdit input  
{
    font-size:20px; 
    font-weight: bold; 
    color:#222; 
    height:38px; 
    line-height:38px; 
    padding: 0 0 0 5px; 
    width:441px; 
    float: left; 
    margin: 0 10px 10px 0; 
	border:1px solid #EBEBEB;
    } 
	/*
#findFriend p{ clear:both; font-size:12px; color:#222; width:442px; padding:0; }
#findFriend p span { display: block; width:49px; height:45px; background-position:-14px 0; float: left; }*/
.FriendsearchBox {padding:0 0 0 16px; }
.nextStepAPI { height:63px; }
.nextStepAPI .button2 { top: 20px; left:225px; }
    #findFriend label { font-size:12px; color:#333; clear:both; display: block; }
        #findFriend label span { color: #2C99CC; }        
/*#findFriend ul { width:456px; }
    #findFriend ul li { float: left; width:104px; text-align: center; margin:10px 10px 10px 0; position:relative; }
        #findFriend ul a { color: #333; }
             #findFriend ul a:hover span{ background-position:-220px 0;}
             #findFriend ul span { display: block; width:104px; height:80px; background-position:-111px 0; }
                    #findFriend ul b { font-size:11px; font-weight: bold; }*/
                    
             .addFindFriend  
             {
                 display: block; 
                 width:20px; 
                 height:20px; 
                 background-position:-30px -47px; 
                 right:-5px;
                 top:-3px;
                 cursor:pointer;
                 }
                 .addFindFriendSelect { background-position:-30px -77px;  }
/* ------------------------------------------------------------------------------------
API 			 */ 
.FriendsearchAPI{ background-position:-147px 0;  height:72px; width:613px; }
.FriendsearchAPI ol { position:relative; z-index:0; height:53px; }
.FriendsearchAPI ol li { position:absolute; display:block; overflow:hidden; text-indent:-1000px; top:0; height:48px; cursor:pointer; }

.logoGmail { left:13px; width:86px;}
.logoFaceBook { left:120px; width:165px; }
.logoYahoo { left:296px; width:142px; }
.logoHotmail { left:457px; width:137px; }
.FriendsearchAPIStep h3 { font-size:14px; color:#990099; font-weight: bold; height:20px; }
.FriendsearchAPIStep ul { padding-left:40px;}
.FriendsearchAPIStep ul li { list-style: disc; font-size:12px; color:#333; line-height:21px;}

.inputFormApi dd, .InviteFriend dt { float:left; }



.inputFormApi label{ font-size:14px; font-weight: bold; display: block; }

.inputFormApi dt { width:268px;  padding:25px 0 0 70px; }
    .inputFormApi dt p { margin-top:5px; font-size:11px; position:relative; z-index:0; line-height:16px;}
    .inputFormApi dt .notification {  float: left; position:absolute; z-index:1; left:-47px; top:-16px;  }

.inputFormApi dd { border-right:1px solid #E5E5E5; width:246px;  }
.inputFormApi dd label { color:#333; }

    .inputFormApi dd input[type="text"], .inputFormApi dd input[type="password"] { width:201px; height:36px; line-height:35px; color:#666; font-size:14px; margin-top:10px; font-weight:bold; display: block; padding-left:10px; }
    .inputFormApi dd button3 { float:left; }

.inputFormApi dt label { color:#FF0000; }


.currentLogo { display: block; overflow: hidden; text-indent: -1000px; float:left;}
    .Min_gmail { width:56px; height:25px; background-position:-768px -1px; margin:4px 17px 0; }
    
    
    
.InviteFriendResult div.t, .InviteFriendResult .b { width:611px; display: block; }
.InviteFriendResult div.t { height:6px; background-position:-147px -72px;  }
.InviteFriendResult div.m { font-size:12px; }

.InviteFriendResult .m .styled {line-height:19px;}
 
    .iHeader { padding:5px 29px; color:#999;}
    .iHeader label { color:#333; }    
    .iHeader strong { color: #2C9DCE; }
    
    .iMain {border:1px solid #E5E5E5;height:500px;margin:0 22px 7px;overflow:auto;padding:6px 25px 30px 6px; }
        
    .iMain li { border-bottom:1px solid #E5E5E5; height:25px; clear:both; padding:5px 0 0;}
    
    .iMain .col1, .iMain .col2, .iMain .col3 { display: block; float:left; }
        .iMain .col1 { width:259px; }        
        .iMain .col2 { width:150px; color:#666;text-align:left }        
        .iMain .col3 { width:120px; color:#999; font-size:11px; }
            .iMain .memberReady { color:#FF6600; font-weight: bold; }
        
        
    
    
    
.InviteFriendResult .b { height:10px; background-position: -147px -108px; }


.iMainGoBack {height:36px; }
.iMainGoBack span{ color:#666; font-size:12px; text-decoration:underline; top:7px; right:148px; cursor:pointer; }
.iMainGoBack .button3 { right:22px; }

.finish {
    background-image:url("../../images/home/position.png");
    background-repeat: no-repeat;
    display: block;                
    text-indent:-1000px;
    overflow: hidden; 
    width:212px;
    height:60px;
    background-position:-528px -152px;   
    margin:30px 0 0 180px;
}

.icon_1{background-image:url('../../images/icon.png');background-repeat:no-repeat;}
    
.inviteFriendMessage{padding:0px 30px 20px 20px}    
.inviteFriendMessage span{background-image:url(../../images/sentSuccess.png);width:88px;height:88px;float:left;margin-right:10px}
.inviteFriendMessage h1{color:#F60;padding-top:10px}
.inviteFriendMessage p{line-height:180%;color:#666}
.inviteFriendMessage p a{font-weight:bold;color:#F60;text-decoration:underline;}
.inviteFriendMessage p a:hover{color:#F30}